Technical Blog Part 1. Udacity Reflection

Wishlist of design and structural features

• Minimalist design, article gradient borders.
• Interactive menu.
• Cool single page website, navigation bar.
• New Zealand website.
• Parallax scrolling.

Quiz section

• Can you think of an analogy to describe HTML, CSS and the DOM? How would you describe it to your non-technical friend?

I like the analogy given in Udacity tutorial:

• HTML - like walls/floor/ceiling in your house.
• CSS - all decorations in your house (color of tiles, style of wallpapers).
• DOM - is the structure of your house, and how things relate to each other (e.g. there are 4 rooms in a house, meaning each room is a child to the house etc).
• What is meant by boxifying design?

Every element on a webpage is a box. Boxifying design means to "cut" a webpage (which is a box itself) to smaller boxes/blocks.

• What is the box model?

Box model is a box that wraps around all elements on a webpage. Every element has a content, padding, border and margin.